<script setup lang="ts">
const props = defineProps({
  message: {
    type: String,
    default: '暂无订单',
  }
})
</script>

<template>
  <view class="img-box">
    <image src="@/assets/img/no-order.svg" class="no-img" alt="" />
    <view class="no-img-text">{{props.message}}</view>
  </view>
</template>

<style scoped lang="scss">
.img-box {
  width: 100%;
  text-align: center;
  .no-img {
    width: 600rpx;
    height: 600rpx;
  }
  .no-img-text {
    color: rgba(75, 123, 245, 0.4);
    font-size: 34rpx;
    font-weight: 600;
  }
}
</style>